import { Card } from "antd";
import React from "react";
import MdEasyCom from ".././MdCom/EasyCom";
import InputDemoOne from "./ChidCom/InputDemoOne";
import InputDemoTwo from "./ChidCom/InputDemoTwo";
import InputDemoThr from "./ChidCom/InputDemoThr";
const AboutTwo: React.FC = () => {
  const arr = [
    {
      id: 0,
      txt: "探索父子组件传值",
      needDivder: false,
    },
    {
      id: 7,
      txt: "大概摸索了一下父子组件传值",
      needDivder: true,
      divderTxt: "come on let's go !",
    },
  ];
  const comArr=[
      {name:1,com:<InputDemoOne/>},
      {name:2,com:<InputDemoTwo/>},
      {name:3,com:<InputDemoThr/>},
  ]
//   const [AA, setAA] = useState(Array);
// 	const BB= useSelector(state => state.BB.data);
// 	const clauses = useRef();//取到的值就可以用了
  return (
    <div>
      <MdEasyCom arr={arr}></MdEasyCom>
      <Card title="Card title"  style={{ width: 450 }}>
        {
            comArr.map(el=>{
                return <div key={el.name} style={{marginTop:'10px'}}>{el.com}</div>
            })
        }
      </Card>
      
     
    </div>
  );
};

export default AboutTwo;
